<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath();%>
<%String contextPath = request.getContextPath();%>
<jsp:include page="inc.jsp" />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
</head>
<script type="text/javascript">
/* jquery入口*/
$(function() {
    loadgrid(); //加载datagrid
});
/* 加载datagrid列表*/
    function loadgrid(){
        $('#grid').datagrid({
        title : 'tuihuo',
        loadMsg : '正在加载…',  //当从远程站点载入数据时，显示的一条快捷信息。
        fit : true,  //窗口自适应
        nowrap: false, //设置为true，当数据长度超出列宽时将会自动截取
        fitColumns : true, // 自动适应列宽
        singleSelect : false, // 每次只选中一行
        sortName : 'id', //默认排序字段
        sortOrder : 'asc', // 升序asc/降序desc
        striped : true,  // 隔行变色  
        pagination : true,  // 在底部显示分页工具栏
        pageNumber : 1, //初始化页码 
        pageSize : 20,  // 指定每页的大小，服务器要加上page属性和total属性
        pageList : [ 20, 30, 50 ], // 可以设置每页记录条数的列表，服务器要加上rows属性
        //rownumbers : true, // 在最前面显示行号 
        idField : 'id', // 主键属性
        // 冻结列,当很多咧出现滚动条时该列不会动
       frozenColumns : [ [
		{ field:'ck',checkbox:true },
        {title : '序号', width : '50', field : 'id', sortable : true}, 
        {title : '书名', width : '200', field : 'productName', sortable : true}, 
        {	title : 'ISBN码', 
        	width : '120',    
        	field : 'productNo',
        	sortable : false
        },
        {title : '定价', width : '70', field : 'price', sortable : false}, 
        {title : '可退数量', width : '80',    field : 'quantity', sortable : false},
        {	title : '购买价格', 
        	field : 'subtotal',
        	sortable : false
        }
        ] ],
        columns : [ [
			{field:'opt',title:'操作',width:50,align:'center',  
    		formatter:function(value,rec){  
        		var btn = "<a class='editcls' onclick='editRow('')' href='javascript:void(0)>'查看明细</a>";  
        		return btn;
        	}}  
        ] ],
        // 工具栏按钮
        toolbar: '#tb'
    });
}
  	//删除左右两端的空格  
    function trim(str){ 
		return str.replace(/(^\s*)|(\s*$)/g, "");  
	}
    /* 回车 事件*/
	$(function(){
		$('#ss').textbox('textbox').keydown(function (e) {
			var ss = trim($('#ss').val());
            if ((e.keyCode || e.which) == 13) {
            	if(ss == null && typeof(ss) == "undefined" || ss == ""){
            		$.messager.alert("提示", "请输入购物小票号...",'info');
                    return;
            	}
            	/* $('#grid').datagrid('load',{ saleOrderNo: $('#ss').val()}); */
            	$('#grid').datagrid({
            		url : 'SaleReturnController?method=selectSaleReturn',
            		queryParams : { saleOrderNo: $('#ss').val()}
            	});
            }
        });
	});
</script>
<body>
<div style="width:100%;height:100%;padding:0px;overflow:hidden">
		<table id="grid"></table>
	</div>
     <div id='tb'>
     	<div>
     	<br>
		购物小票：<input id="ss" class="easyui-textbox" data-options="prompt:'输入购物小票号...'" style="width:200px;height:26px;"><br><br>
     	退货理由：<input id="reason" class="easyui-textbox"  style="width:200px;height:26px;" value="质量问题">
     	<a id="return" onclick="" class="easyui-linkbutton" iconCls="icon-ok">退货</a>
     	<br><br>
     	</div>
     	<div>
     	<font style="font-family:微软雅黑;font-size:50px;color:red;">金额：</font><input id="amount" type="text" readOnly="true" style="height: 94;width:170;text-align:center; font-size:48;color:#FF0000;padding:5px 5px 5px 5px;background-color:transparent;border:0">
     	</div>
     </div>
</body>
</html>